
.top-title{
    width: 95%;
    margin: 0 auto;
    color: #6b6b6b;
    
    
    h1{
        font-family: OSBold;
        margin-top: 30px;
        text-transform: uppercase;
        color: #303030;
        text-align: center;
        font-size: 27px;
    }
    .p2{
        font-family: OSLtalic;
        text-align: center;
        font-size: 10px;
        margin-bottom: 80px;
    }
}
.mid{
    width: 95%;
    margin: 0 auto;
   
    padding-bottom: 100px;
    & .row{
        margin: 0 auto;
        &>div>div{
          
            
         
            img{
                width: 585px;
                height: 317px;
                border: 1px solid #ccc;
                
            }
            h3{
                text-transform: uppercase;
                margin-top: 51px;
                font-size: 17px;
                font-family: OSBold;
            }
            p{
                margin-top: 27px;
                margin-bottom: 30px;
                font-size: 10px;
                color: #8a8a8a;
                line-height: 20px;
            }
        }
        
    }

}

@media screen and (max-width:1250px) {
    .mid{
        
        & .row{
            &>div>div{
               img{
                width: 100%;
                height: 211px; 
            }
                
            }
            
        }
    }
}
@media screen and(min-width:1580px) {
    .mid{
        
        & .row{
            &>div>div{
               img{
                width: 100%;
                height: 392px; 
            }
                
            }
            
        }
    }
    
}

@media screen and (max-width:990px) {
        .mid{
            width:70%;
        }

    
}
@media screen and (max-width:830px){

    
}